<div class="wrap-color-white">
<div class="container theme-showcase" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-8">

                <div class="row">

                    <div class="col-md-8" style="height: 300px;">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
                                <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="item active" style="height: 350px">
                                    <img src="__INDEX__/images/new_one.jpg" style="width:100%;height: 100%;">
                                </div>
                                <?php foreach($banner as $v): ?>
                                <div class="item" style="height: 350px">
                                    <img src="__UPLODS__<?php echo $v['b_img']; ?>" style="width:100%;height: 100%;">
                                </div>
                                <?php endforeach; ?>


                            </div>
                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>

                    <div class="col-md-4" style="padding: 0px;height: 350px;">
                        <div style="height: 45%;margin-bottom: 14%">
                                <img src="__INDEX__/images/guan1.png" style="width:100%;height: 100%;">
                        </div>

                        <div style="height: 45%;bottom: 0px;">
                            <img src="__INDEX__/images/guan2.jpg" style="width:100%;height: 100%;">
                        </div>


                    </div>
                </div>



                <!--article list start-->
                <?php foreach($info as $item){?>
                <div class="media media-box">
                    <div class="media-left">
                        <a href="{:url('/index/article/detail/iid/'.$item['info_id'])}">
                            <img class="media-object" src="<?php echo config('upload.imgurl').$item['img']; ?>" width="220px" height="165px" alt="图片">
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="{:url('/index/article/detail/iid/'.$item['info_id'])}" class="media-heading media-title"><?php echo $item['title']; ?></a>
                        <p class="media-intro"><?php echo $item['intro']; ?></p>
                        <div>
                            <div>
                                <img class="img-circle" src="__INDEX__/images/touxiang.jpg" width="32px" height="32px">
                                <span><?php echo $item['author']; ?></span>
                                <span class="media-right">
                                    <span class="media-icon"><?php echo date('Y-m-d H:i',$item['pubtime']); ?></span>
                                    <img class="img-circle media-icon" src="__INDEX__/images/icon_comend.png" width="20px" height="20px"><?php echo $item['comment_num']?>
                                    <img class="img-circle media-icon" src="__INDEX__/images/icon_collect.png" width="20px" height="20px"><?php echo $item['collect_num']?>
                                    <a href="{:url('/index/article/index/cid/'.$item['cat_id'])}" class="media-cate"><?php echo $item['cat_title']; ?></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="featurette-divider">
                <?php } ?>
                <!--article list end-->
                <!--pagination start-->
                <div class="pull-right media-page">
                    {$info|raw}
                </div>
                <!--pagination end-->
            </div>


            <div class="col-md-4">
                <div class="row" style="margin: 0;">


                    <!--right box start-->
                    <div class="box-moder">

                        <h3>24小时</h3>
                        <span class="pull-right project-more"><a href="{:url('/index/dynamic/index')}" class="lookall" target="_blank">查看全部</a></span>
                        <span class="span-mark"></span>
                        <div class="nano" id="nano">
                            <div class="nano-content" tabindex="0">
                                <ul class="intro-area">
                                    <!--公共24小时列表部分-->
                                    <?php foreach($dynamic as $item){?>
                                    <li>
                                        <i class="glyphicon glyphicon-menu-down down-i"></i>
                                        <div class="media">
                                            <div class="media-left media-middle">
                                                <a href="#">
                                                    <img class="media-object hour-tx" src="<?php echo config('upload.imgurl').$item['face']; ?>" alt="...">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <h4 class="media-heading" style="font-size: 16px;"><?php echo $item['username']; ?></h4>
                                                <?php echo date('H:i',$item['pubtime']); ?>
                                            </div>
                                        </div>
                                        <p class="text-box"><?php echo $item['content']; ?></p>
                                    </li>
                                    <?php } ?>
                                </ul>
                            </div>
                            <div class="nano-pane">
                                <div class="nano-slider" style="height: 179px;"></div>
                            </div>
                        </div>
                        <div class="js-more-moment" data-cur_page="0"></div>
                    </div>
                    <script>
                        $('.nano').hover(function(){
                            $('.nano-pane').animate({'opacity':1},1000/60);
                        },function(){
                            $('.nano-pane').animate({'opacity':.01},1000/60);
                        });
                    </script>
                    <!--right box end-->

                </div>

                <div class="row" style="padding: 20px;margin-top: 60px;">


                    <?php foreach($right as $v): ?>
                    <a style="color: #0a0a0a;text-decoration: none;" href="{:url('/index/article/detail/iid/'.$v['info_id'])}">
                        <div>
                            <img src="<?php echo config('upload.imgurl').$v['img']; ?>" style="width:100%;height: 100%;">
                            <p style="text-align: center;margin: 10px 0"><?php echo mb_substr($v['title'] ,10).'...'; ?></p>
                        </div>
                    </a>
                    <?php endforeach; ?>

                </div>
            </div>
        </div>
    </div>
    <!-- main container end-->
</div>
</div>